کد نمایش عکس داخل وبلاگ و سایت
پیغام مدیر :
با سلام خدمت شما بازديدكننده گرامي ، خوش آمدید به سایت من . لطفا براي هرچه بهتر شدن مطالب اين سایت ، ما را از نظرات و پيشنهادات خود آگاه سازيد و به ما را در بهتر شدن كيفيت مطالب ياري کنید.
کد نمایش عکس داخل وبلاگ و سایت
نوشته شده در پنج شنبه 22 خرداد 1399
بازدید : 1577
نویسنده : مهدی سلیمانی
0

کد نمایش عکس "ساده" :

شما می توانید با استفاده از این کد فقط عکس خود رابه صورت ساده داخل وبلاگ یا سایت خود قرار دهید...

آموزش استفاده از کد:

1) به جای عبارت "https://pico4u.com/image" لینک مستقیم عکس خود را وارد کنید.

 

2) به جای عبارت "توضیح تصویر" در مورد عکستان توضیحاتی را یادداشت بفرمایید. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

3) به جای عبارت "عنوان تصویردر مورد عکستان توضیحاتی را یادداشت بفرمایید. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

4) همچنین شما می توانید اندازه طول و ارتفاع و عرض عکس خود را تعیین بفرمایید. {از طریق حروف انگلیسی (width/height)}

 

کد مورد نظر:

<p style="text-align: center;"><img title="عنوان تصویر" src="https://pico4u.com/image" alt="توضیح تصویر" /></p>

 

 

کد نمایش عکس "پیشرفته" :

 

شما می توانید با استفاده از این کد فقط عکس خود رابه صورت ساده داخل وبلاگ یا سایت خود قرار دهید...

 

آموزش استفاده از کد:

 

1) به جای عبارت "https://pico4u.com/image" لینک مستقیم عکس خود را وارد کنید.

 

2) به جای عبارت "توضیح تصویر" در مورد عکستان توضیحاتی را یادداشت بفرمایید. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

3) به جای عبارت "عنوان تصویردر مورد عکستان توضیحاتی را یادداشت بفرمایید. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

4) به جای عبارت "لینک توضیح طولانی" لینک صفحه ای را قرار دهید که قصد توضیحات اضافی در زمینه عکستان را دارید. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

5) به جای عبارت "کد زبان" کد زبان مورد نظرتان را وارد بفرمایید. {فارسی یا هر زبان دیگری، با توجه به این کد جهت قرارگیری عکس نیز تغییر می کند}. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

6) همچنین شما می توانید اندازه طول و ارتفاع و عرض عکس خود را تعیین بفرمایید. {از طریق حروف انگلیسی (width/height)}

 

7) به جای عبارت "تصویر جایگزین برای آمدن موس" لینک مستقیم عکسی را قرار دهید که قصد دارید وقتی موس روی تصویر اصلی قرار گرفت آن تصویر نمایانگر شود. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

8) به جای عبارت "تصویر جایگزین برای رفتن موس" لینک مستقیم عکسی را قرار دهید که قصد دارید وقتی موس از روی تصویر اصلی رفت آن تصویر نمایانگر شود. در صورتی که قصد دارید همان عکس اصلی نمایانگر شود لینک مستقیم آنرا قرار دهید. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

 

کد مورد نظر:

style="font-family: 'arial black', 'avant garde';"><img title="عنوان تصویر" lang="کد زبان" onmouseover="this.src='تصویر جایگزین برای آمدن موس';" onmouseout="this.src='تصویر جایگزین برای رفتن موس';" src="https://pico4u.com" alt="توضیح تصویر" longdesc="لینک توضیح طولانی" width="237" height="166" /></span></strong></span></p>

 

 

کد نمایش عکس "پیشرفته" + قابلیت لینک دادن به عکس :

 

شما می توانید با استفاده از این کد فقط عکس خود رابه صورت ساده داخل وبلاگ یا سایت خود قرار دهید...

 

آموزش استفاده از کد:

 

1) به جای عبارت "https://pico4u.com/image" لینک مستقیم عکس خود را وارد کنید.

 

2) به جای عبارت "توضیح تصویر" در مورد عکستان توضیحاتی را یادداشت بفرمایید. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

3) به جای عبارت "عنوان تصویردر مورد عکستان توضیحاتی را یادداشت بفرمایید. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

4) به جای عبارت "لینک توضیح طولانی" لینک صفحه ای را قرار دهید که قصد توضیحات اضافی در زمینه عکستان را دارید. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

5) به جای عبارت "کد زبان" کد زبان مورد نظرتان را وارد بفرمایید. {فارسی یا هر زبان دیگری، با توجه به این کد جهت قرارگیری عکس نیز تغییر می کند}. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

6) همچنین شما می توانید اندازه طول و ارتفاع و عرض عکس خود را تعیین بفرمایید. {از طریق حروف انگلیسی (width/height)}

 

7) به جای عبارت "تصویر جایگزین برای آمدن موس" لینک مستقیم عکسی را قرار دهید که قصد دارید وقتی موس روی تصویر اصلی قرار گرفت آن تصویر نمایانگر شود. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

8) به جای عبارت "تصویر جایگزین برای رفتن موس" لینک مستقیم عکسی را قرار دهید که قصد دارید وقتی موس از روی تصویر اصلی رفت آن تصویر نمایانگر شود. در صورتی که قصد دارید همان عکس اصلی نمایانگر شود لینک مستقیم آنرا قرار دهید. این قسمت اختیاری است در صورت اینکه قصد ندارید توضیحی را وارد کنید کافی ست فقط عبارت فارسی آنرا پاک بفرمایید!

 

9) به جای عبارت "/pico4u.com" لینک موردنظر خود را وارد کنید تا بتوانید به عکس خودتان لینک دهید که وقتی شخصی روی عکس کلیک کرد وارد لینک مورد نظر شما شود.

 

 

کد مورد نظر:

<p style="text-align: center;"><a href="/pico4u.com" target="_blank"><span style="font-size: medium; color: #ff0000;"><strong><span style="font-family: 'arial black', 'avant garde';"><img style="border: 10px solid black;" title="عنوان تصویر" lang="کد زبان" onmouseover="this.src='تصویر جایگزین برای آمدن موس';" onmouseout="this.src='تصویر جایگزین برای رفتن موس';" src="https://pico4u.com/image" alt="توضیح تصویر" longdesc="لینک توضیح طولانی" width="257" height="196" /></span></strong></span></a></p>

 

 

 

کاری از سایت: پیکو فور یو

 





:: موضوعات مرتبط: فایل های اختصاصی سایت PICO4U , ,
:: برچسب‌ها: کد جاوا اسکریپت , جاوا اسکریپت , کد رایگان , قرار دادن عکس داخل وبلاگ , قرار دادن عکس داخل سایت , کد قرار دادن عکس داخل وبلاگ , کد قرار دادن عکس داخل سایت , پیکوفایل , پیکو فایل , پیکو فور یو , پیکوفوریو , پیکو فوریو , پیکوفور یو ,



مطالب مرتبط با این پست
.



می توانید دیدگاه خود را بنویسید


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: